<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
		.bg{
			border-collapse: collapse;
		}
		td,th{
			width:60px;
			height:40px;
			border:1px solid #ccc;
			text-align: center;
		}
		</style>
	</head>
	<body>
		<script>
			//已知：2018-8-1  是星期3
			//已知：2018-8 有31天
			//打印出2018年8月的月历
			
			var year = 2018;		//年
			var month = 8;			//月
			var nweek = 3;			//2018-8-1是星期3  
			var maxDay = 31;		//2018-8 有31天
			var beforeMonthMaxDay = 31;		//上一个月的最大天数
			var afterMonthMaxDay = 30;     //下一个月的最大天数
			var day=1;//打印的日期
			var kong=0;//打印星期之前的空格的数量
			//以下写代码，完成月历
			  
              document.write("<table class='bg'>");
               document.write("<caption>"+year+"年"+month+"月"+"</caption>");
              document.write("<tr><th>星期日</th><th>星期一</th><th>星期二</th><th>星期三</th><th>星期四</th><th>星期五</th><th>星期六</th></tr>");
			for(var i=1;i<=6;i++){
				document.write("<tr>");
               for(var j=1;j<=7;j++){
               	   document.write("<td>");


               	  if(kong<nweek){//星期几，前面就空几个
               	  	    
                         document.write(beforeMonthMaxDay);//空格
                         --beforeMonthMaxDay;
                        kong++;//记录打印空格的数量

               	  }else if(day<=maxDay){//打印日期
                        document.write(day);
                        day++;
               	  }else{
               	  	
               	  	 document.write(" ");//空格
               	  }


                   document.write("</td>");
               }
                document.write("</tr>");
			}
              document.write("</table>");




		</script>
	</body>
</html>
